<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>

	<div class="login">

		<jsp:include page="nav.jsp"></jsp:include>

		<fmt:bundle basename="i18n">
			<div class="banner">
				<img src="images/banner.png" alt="">
			</div>
			<div class="con">
				<div class="breed-tab">
					<fmt:message key="mygift.position"></fmt:message>
				</div>
				<div class="content-mygift">
					<div class="form">
						<div class="form-con">
							<div class="tabs">
								<div class="content-mygift-btn1">
									<a href="mygift.html"><fmt:message key="mygift.giftCenter"></fmt:message></a>
								</div>
								<div class="content-mygift-btn2">
									<a href="mygift3.html"><fmt:message key="mygift.mine"></fmt:message></a>
								</div>
							</div>
							<div class="form-l-t">
								<ul>
									<li><select>
											<option><fmt:message key="mygift.selectGame"></fmt:message></option>
											<option><fmt:message key="mygift.selectGame"></fmt:message></option>
											<option><fmt:message key="mygift.selectGame"></fmt:message></option>
									</select></li>
								</ul>
							</div>
							<div class="content">
								<ul>
									<div class="list">
										<span><img src="images/user-avatar1.png" alt=""></span>
										<ul>
											<li><fmt:message key="mygift.giftName"></fmt:message>炸彈好吃嗎禮包</li>
											<li><fmt:message key="mygift.giftContent"></fmt:message>炸彈*1、炸彈*2、你妹*3</li>
											<li><fmt:message key="mygift.dateLimit"></fmt:message>2017-01-17/2017-02-31</li>
										</ul>
										<a href="#"></a>
									</div>
									<div class="list">
										<span><img src="images/user-avatar1.png" alt=""></span>
										<ul>
											<li><fmt:message key="mygift.giftName"></fmt:message>炸彈好吃嗎禮包</li>
											<li><fmt:message key="mygift.giftContent"></fmt:message>炸彈*1、炸彈*2、你妹*3</li>
											<li><fmt:message key="mygift.dateLimit"></fmt:message>2017-01-17/2017-02-31</li>
										</ul>
										<a href="#"></a>
									</div>
									<div class="list">
										<span><img src="images/user-avatar1.png" alt=""></span>
										<ul>
											<li><fmt:message key="mygift.giftName"></fmt:message>炸彈好吃嗎禮包</li>
											<li><fmt:message key="mygift.giftContent"></fmt:message>炸彈*1、炸彈*2、你妹*3</li>
											<li><fmt:message key="mygift.dateLimit"></fmt:message>2017-01-17/2017-02-31</li>
										</ul>
										<a href="#"></a>
									</div>
								</ul>
							</div>
							<div class="page-num">
								<a href="#"><</a> <a href="#">1</a> <a href="#">3</a> <a
									href="#">4</a> <a href="#">5</a> <a href="#">6</a> <a href="#">7</a>
								<a href="#">8</a> <a href="#">></a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="content-mygift2">
				<div class="mask"></div>
				<ul>
					<li><span class="code"><fmt:message key="mygift.giftCode"></fmt:message>xxxxxxxxxxxx</span><span
						class="copy"><fmt:message key="mygift.copy"></fmt:message></span></li>
				</ul>
			</div>
		</fmt:bundle>
	</div>
</body>

<script type="text/javascript">
	$(function() {
		$(".content .list a").click(function() {
			$(".content-mygift2").show();
		})
		$(".mask").click(function() {
			$(".content-mygift2").hide();
		})
	})
</script>
</html>